<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                template="./TemplatePagina.xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:h="http://xmlns.jcp.org/jsf/html">

    <ui:define name="top">
        top
    </ui:define>

    <ui:define name="content">
        <h:form>
            <p:panel header="Lista de Clientes" >
            <h:dataTable value="#{clienteMB.clientes}" var="cliente">
                <h:column>
                    <h:outputText value="#{cliente.id}" />
                </h:column>
                
                <h:column>
                    <h:outputText value="#{cliente.nome}" />
                </h:column>
                
                <h:column>
                    <h:outputText value="#{cliente.cpf}" />
                </h:column>
                
                <h:column>
                    <h:outputText value="#{cliente.dataNascimento}" />
                </h:column>
                
            </h:dataTable>
            
        </p:panel>
        </h:form>
    </ui:define>

    <ui:define name="bottom">
        bottom
    </ui:define>

</ui:composition>
